<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		svg{
			border: 1px solid #333;
		}
	</style>
</head>
<body>
	<svg width="600" height="400">
		<!-- 分组和直线 -->
		<!-- <g transform="translate(100,100)" stroke="blue" stroke-width="10" >
			<line x1="0"  y1="0" x2="100" y2="100" />
			<line x1="100" y1="100" x2="200" y2="0" />
		</g> -->
		
		<!-- 折线 -->
		<!-- <polyline transform="translate(100,100)" points="0 0 100 100 200 0 300 100" fill="transparent" stroke="red" stroke-width="5" />
		<polyline transform="translate(100,100)" points="0 0 100 100 200 0 300 100" fill="none" stroke="red" stroke-width="5" /> -->


		<!-- 矩形 -->
		<!-- <rect x="0" y="0" width="200" height="100" fill="red" stroke="red"></rect> -->

		<!-- 圆形 -->

		<!-- <circle transform="translate(300,200)" cx="0" cy="0" r="100" fill="red"></circle> -->

		<!-- <line x1="0" y1="100" x2="600" y2="100" stroke="black"/> -->


	</svg>

</body>
</html>